<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
  <head>
    <title>表格</title>
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="renderer" content="webkit">

<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/plugins/bootstrap/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/fpx.ued.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/fpx.ued.skyblue.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/fpx.ued.override.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/plugins/iconfont/iconfont.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/plugins/icheck/all.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/plugins/select2/select2.min.css" type="text/css">
<link href="${pageContext.request.contextPath}/bootstrap/plugins/validate/jquery.qtip.min.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/bootstrap/plugins/validate/tip.css" rel="stylesheet"  type="text/css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/plugins/layer/skin/layer.css" type="text/css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/fpx.ued.demo.css" type="text/css">

  </head>
  <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
		<!-- Main Header -->
      <header class="main-header">
		<div class="topbar-head topbar-left">
			<a href="http://home.i4px.com/" class="topbar-logo topbar-left px-home" ><i class="iconfont icon-home"></i></a>
			<a href="index.html" class="topbar-home-link topbar-btn topbar-left">UED</a>
		</div>
		
		<div class="topbar-nav topbar-left dropdown" dropdown="">
			<a href="#" role="menuitem" aria-haspopup="true" class="dropdown-toggle topbar-btn topbar-nav-btn" data-toggle="dropdown">
				<span class="ng-binding">产品与服务</span>
				<i class="iconfont icon-xiangxia1"></i>
			</a>
			<!-- 顶级菜单 -->
			<div id="fpx-topmenu" class="dropdown-menu topbar-nav-list topbar-clearfix"></div>
		</div>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <li class="dropdown messages-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="iconfont icon-email"></i>
                  <span class="label label-success">0</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">你有 0 条消息未阅读</li>
                  <li>
                    <ul class="menu">
                      <li>
                        <a href="#">
                          <h5>
                            暂时没有新的消息
                          </h5>
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer">
                    <a href="#">查看所有消息</a>
                  </li>
                </ul>
              </li>
              <li class="dropdown notifications-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="iconfont icon-tongzhi"></i>
                  <span class="label label-warning">0</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">你有 0 条通知</li>
                  <li>
                    <ul class="menu">
                      <li>
                        <a href="#">
                          <h5>
                            暂时没有新的通知
                          </h5>
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer">
                    <a href="#">查看所有通知</a>
                  </li>
                </ul>
              </li>
              <li class="dropdown tasks-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="iconfont icon-mark"></i>
                  <span class="label label-danger">0</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">你有 0 个工作任务未做</li>
                  <li>
                    <ul class="menu">
                      <li>
                        <a href="#">
                          <h5>
                            暂时没有新的任务
                          </h5>
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer">
                    <a href="#">查看所有任务</a>
                  </li>
                </ul>
              </li>
              <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <img src="img/default_user.png" class="user-image" alt="User Image">
                  <span class="hidden-xs fpx-account">4px</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="user-header">
                    <img src="img/default_user.png" class="img-circle" alt="User Image">
                    <p>
                    <h4>
                      <div class="fpx-account">4px</div>
                    </h4>
                    </p>
                  </li>
                  <li class="user-footer text-center">
                    <button class="btn btn-primary btn-flat btn-changepsd">修改密码</button>
                    <a class="btn btn-default btn-flat btn-logout" href="/logout">注销</a>
                  </li>
                </ul>
              </li>
              
              <li>
                <a href="#" data-toggle="control-sidebar"><i class="iconfont icon-shezhi"></i></a>
              </li>
            </ul>
          </div>
        </nav>
        
        <!-- Control Sidebar -->
      <aside class="control-sidebar control-sidebar-dark">
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
          <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="iconfont icon-skin"></i></a></li>
          <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="iconfont icon-duoyuyan"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <!-- Home tab content -->
          <div class="tab-pane active" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">Recent Activity</h3>
            <ul class="control-sidebar-menu">
              <li>
                <a href="javascript::;">
                  <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
                    <p>Will be 23 on April 24th</p>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript::;">
                  <i class="menu-icon fa fa-user bg-yellow"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
                    <p>New phone +1(800)555-1234</p>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript::;">
                  <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
                    <p>nora@example.com</p>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript::;">
                  <i class="menu-icon fa fa-file-code-o bg-green"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
                    <p>Execution time 5 seconds</p>
                  </div>
                </a>
              </li>
            </ul><!-- /.control-sidebar-menu -->

            <h3 class="control-sidebar-heading">Tasks Progress</h3>
            <ul class="control-sidebar-menu">
              <li>
                <a href="javascript::;">
                  <h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript::;">
                  <h4 class="control-sidebar-subheading">
                    Update Resume
                    <span class="label label-success pull-right">95%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-success" style="width: 95%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript::;">
                  <h4 class="control-sidebar-subheading">
                    Laravel Integration
                    <span class="label label-warning pull-right">50%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript::;">
                  <h4 class="control-sidebar-subheading">
                    Back End Framework
                    <span class="label label-primary pull-right">68%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
                  </div>
                </a>
              </li>
            </ul><!-- /.control-sidebar-menu -->

          </div><!-- /.tab-pane -->
          <!-- Settings tab content -->
          <div class="tab-pane" id="control-sidebar-settings-tab">
            <form method="post">
              <h3 class="control-sidebar-heading">Language Settings</h3>
              
              <div class="form-group">
              	<div class="col-md-6 text-center">
                	<img src="img/zh.jpg" />
               	 	<h6 style="color: #fff;">简体中文</h6>
              	</div>
              	<div class="col-md-6 text-center">
              		<img src="img/en.jpg" />
              		<h6 style="color: #fff;">English</h6>
              	</div>
              </div>

            </form>
          </div><!-- /.tab-pane -->
        </div>
      </aside><!-- /.control-sidebar -->
        
      </header>
		<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
	<!-- sidebar: style can be found in sidebar.less -->
	<section class="sidebar">

		<!-- /.search form -->
		<i class="iconfont icon-sanshuxian sidebar-toggle" data-toggle="offcanvas" role="button"></i>
		<ul class="sidebar-menu">
			<li class="active treeview">
				<a href="index.html"><i class="iconfont icon-logoued"></i> <span>UED详细介绍</span></a>
			</li>
			<li>
				<a href="layout.html"><i class="iconfont icon-layout"></i> <span>页面布局规范</span></a>
			</li>
			<li>
				<a href="color.html"><i class="iconfont icon-color"></i> <span>标准颜色规范</span></a>
			</li>
			<li>
				<a href="font.html"><i class="iconfont icon-font"></i> <span>标准字体规范</span></a>
			</li>
			<li>
				<a href="padding.html"><i class="iconfont icon-padding"></i> <span>界面元素间距规范</span></a>
			</li>
			<li>
				<a href="table.html"><i class="iconfont icon-table"></i> <span>常用表格</span></a>
			</li>
			<li>
				<a href="validate.html"><i class="iconfont icon-xiaoyan"></i> <span>表单校验</span></a>
			</li>
			<li>
				<a href="autoCompleter.html"><i class="iconfont icon-guanli"></i> <span>输入框自动联想</span></a>
			</li>
			<li class="treeview">
				<a href="#"><i class="iconfont icon-form"></i> <span>表单设计规范</span><i class="iconfont icon-more pull-right"></i></a>
				<ul class="treeview-menu">
					<li>
						<a href="form_layer.html"><i class="iconfont icon-yuanxingweixuanzhong"></i>通用双向联动表单布局</a>
					</li>
					<li>
						<a href="accross_page_check.html"><i class="iconfont icon-yuanxingweixuanzhong"></i>跨页全选交互</a>
					</li>
				</ul>
			</li>
			<li class="treeview">
				<a href="#"><i class="iconfont icon-component24"></i> <span>组件引用规范</span><i class="iconfont icon-more pull-right"></i></a>
				<ul class="treeview-menu">
					<li>
						<a href="component.html"><i class="iconfont icon-yuanxingweixuanzhong"></i>表单通用组件</a>
					</li>
					<li>
						<a href="component_control_sidebar.html"><i class="iconfont icon-yuanxingweixuanzhong"></i>侧边栏</a>
					</li>
					<li>
						<a href="info_box.html"><i class="iconfont icon-yuanxingweixuanzhong"></i>信息框</a>
					</li>
				</ul>
			</li>
			<li class="treeview">
				<a href="#popUp"><i class="iconfont icon-widget-fullcolumn"></i> <span>弹层规范</span><i class="iconfont icon-more pull-right"></i></a>
				<ul class="treeview-menu">
					<li>
						<a href="complexPopUp.html"><i class="iconfont icon-yuanxingweixuanzhong"></i>复杂双栏交互弹窗布局</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="popup_layer.html"><i class="iconfont icon-yicaozuo"></i> <span>操作交互弹出层</span></a>
			</li>
			<li>
				<a href="info_layer.html"><i class="iconfont icon-ui"></i> <span>信息提示弹层</span></a>
			</li>
			<li>
				<a href="icon.html"><i class="iconfont icon-icon"></i> <span>图标引用规范</span></a>
			</li>
			<li>
				<a href="plugins.html"><i class="iconfont icon-478chajianku"></i><span> 插件</span></a>
			</li>
			<li>
				<a href="browsers.html"><i class="iconfont icon-iconfont"></i><span> 浏览器支持</span></a>
			</li>
			<li>
				<a href="tmpl.html"><i class="iconfont icon-example"></i><span> 模板页面</span></a>
			</li>
			<li>
				<a href="download.html"><i class="iconfont icon-down"></i><span>下载UED</span></a>
			</li>
		</ul>

	</section>
	<!-- /.sidebar -->
</aside>
		<div class="content-wrapper">
        <section class="content-header">
          <span class="nav-title">常用表格</span>
        </section>
        <section class="content">
					<div class="row">
            <div class="col-xs-12">
<!--             	<h4>奇偶隔行背景变色表格</h4> -->
            	<!-- Main content -->
        <h3 class="head-title">日志查询</h3>
		<form class="form-inline form-group" action="/order/log">
			<p>
				<div class="form-group">
					<label for="startTime">时间：</label>
					<input type="text" class="form-control" readonly name="startTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="startTime" value="${param.startTime }">
					<label> - </label>
					<input type="text" class="form-control" readonly name="endTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="endTime" value="${param.endTime }">
				</div>
			</p>
			<div class="form-group">
				<label for="orderNo">单号：</label>
				<input type="text" class="form-control" name="orderNo" id="orderNo" placeholder="支持订单号、运单号" value="${param.orderNo }">
			</div>
			<div class="form-group">
				<label for="result">结果：</label>
				<select class="form-control" name="result" id="result">
					<option value="">-- 全部 --</option>
					<option value="Y"
					<c:if test="${param.result eq 'Y' }">
						selected="selected"
					</c:if>
					>成功</option>
					<option value="N"
					<c:if test="${param.result eq 'N' }">
						selected="selected"
					</c:if>
					>失败</option>
				</select>
			</div>
			<div class="form-group">
				<label for="system">系统：</label>
				<select class="form-control" name="system" id="system">
					<option value="">-- 全部 --</option>
					<option
					<c:if test="${param.system eq 'XMS' }">
						selected="selected"
					</c:if>
					>XMS</option>
					<option
					<c:if test="${param.system eq 'CRM' }">
						selected="selected"
					</c:if>
					>CRM</option>
					<option
					<c:if test="${param.system eq 'PDS' }">
						selected="selected"
					</c:if>
					>PDS</option>
				</select>
			</div>
			<div class="form-group">
				<button type="submit" class="btn btn-primary"> 查询 </button>
			</div>
		</form>
		          <table id="listTable" class="table table-bordered table-striped table-hover">
		            <thead>
		              <tr>
		                <th>序号</th>
		                <th>客户名称</th>
		                <th>客户代码</th>
		                <th>客户种类</th>
		                <th>客户账户</th>
		                <th>操作</th>
		              </tr>
		            </thead>
		            <tbody>
<!-- 		              <tr> -->
<!-- 		                <td>KHTML</td> -->
<!-- 		                <td>Konqureror 3.3</td> -->
<!-- 		                <td>KDE 3.3</td> -->
<!-- 		                <td>3.3</td> -->
<!-- 		                <td>A</td> -->
<!-- 		              </tr> -->
<!-- 		              <tr> -->
<!-- 		                <td>KHTML</td> -->
<!-- 		                <td>Konqureror 3.5</td> -->
<!-- 		                <td>KDE 3.5</td> -->
<!-- 		                <td>3.5</td> -->
<!-- 		                <td>A</td> -->
<!-- 		              </tr> -->
<!-- 		              <tr> -->
<!-- 		                <td>Tasman</td> -->
<!-- 		                <td>Internet Explorer 4.5</td> -->
<!-- 		                <td>Mac OS 8-9</td> -->
<!-- 		                <td>-</td> -->
<!-- 		                <td>X</td> -->
<!-- 		              </tr> -->
<!-- 		              <tr> -->
<!-- 		                <td>Tasman</td> -->
<!-- 		                <td>Internet Explorer 5.1</td> -->
<!-- 		                <td>Mac OS 7.6-9</td> -->
<!-- 		                <td>1</td> -->
<!-- 		                <td>C</td> -->
<!-- 		              </tr> -->
		            </tbody>
		          </table>
		         
		        </div>
          </div>  
			</section>
		</div>
		</div>
      <script type="text/javascript">
      	var BasePath = "${pageContext.request.contextPath}";
      </script>
<%-- 			<add-attribute value="${static.url}/fpxres/noty/lastest/jquery.noty.js" /> --%>
<%-- 			<add-attribute value="${static.url}/fpxres/sticky/lastest/jquery.sticky.js" /> --%>
<%-- 			<add-attribute value="${static.url}/fpxres/select2/lastest/select2.min.js" /> --%>
<%--             <add-attribute value="${static.url}/fpxres/moment/lastest/moment.min.js" /> --%>
<%-- 			<add-attribute value="${static.url}/fpxres/ued/lastest/fpx.ued.base.min.js" /> --%>
<%-- 			<add-attribute value="${static.url}/fpxres/ued/lastest/fpx.ued.plugin.js" /> --%>
<%-- 			<add-attribute value="${static.url}/fpxres/validation/lastest/i18n/zh_CN.js" /> --%>
      
      
      <script src="${pageContext.request.contextPath}/bootstrap/plugins/jquery/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/app.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/fpx.topbar.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/plugins/select2/select2.full.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/plugins/icheck/icheck.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/plugins/validate/jquery.validate.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/plugins/validate/jquery.qtip.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/plugins/validate/fpx.tip.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/plugins/validate/fpx.validation.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/plugins/layer/layer.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/docs.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/index.js"></script>
<script src="${pageContext.request.contextPath}/js/common_dict.js"></script>
<script src="${pageContext.request.contextPath}/js/ae.js"></script>
 </body>
</html>
